Шрифт. Базовые понятия

Сжатая теория о шрифте для работы над проектом.
Краткое изложение знаний о шрифтовых классах, их строении, характере, применении.

Для того чтобы начать разговор о шрифте, нужно понять, что входит в это понятие. Буква – это главная единица шрифта и целый организм, имеющий свои составляющие элементы. Буквы отличаются строением, характером, местом и временем своего происхождения. Все эти знания помогут грамотно использовать свою шрифтовую библиотеку

Первым делом, нужно узнать из каких вообще элементов состоит буква, чтобы потом легко ориентироваться в его характеристиках. Элементы каждой буквы – это как составляющие ДНК целой гарнитуры.

Анатомия шрифта

Засечки или серифы (serif) – важный элемент шрифта. Они могут быть разной формы и могут многое рассказать о своей букве. Засечки бывают симметричные и несимметричные, нового или старого стиля, скругленные, односторонние, есть шрифты с едва наметившимися засечками.

Капля – еще один важный отличительный элемент буквы. По виду капли бывают более или менее круглые, что тоже говорит о характере и стиле шрифта.

Ловушка/Ink Trap. Если угол внутри буквы между штрихами меньше 30°, это может создать трудности при печати, так как краска затечет в это пространство и насыщенность буквы будет неравномерной. Поэтому при проектировании, пространство в этом месте углубляют, делают «ловушку», и когда буква пропечатывается, краска заполняет это лишнее пространство.

Цифры. В типографике используются арабские и римские цифры. Если в наборе гарнитуры есть капитель, лучше римские цифры набирать ей.

Арабские цифры бывают двух видов: маюскульные и минускульные. Маюскульные цифры все одного роста c прописными, а минускульные, или медиевальные чуть выше строчных букв, а некоторые имеют верхние и нижние выносные элементы.

Римские цифры

Маюскульные цифры

Минускульные цифры

Строчные, прописные, капитель

Строчные знаки (Lower case) – те, что образуют строку. Они меньше прописной и отличаются по рисунку.

Прописная буква (Upper case) – это большая заглавная. С нее новые начинаются предложения, имена собственные и так далее.

Капитель (Small capitals) – прописные буквы по рисунку, но размером они чуть выше строчных и немного шире по пропорциям. Она применяется в выделениях текста, для набор имен, аббревиатур, для заголовков и первых строк. В кириллическом наборе капитель практически не применяется.

Капитель в тексте используют в качестве заголовка и выделяют с его помощью важную мысль.

Открытый и закрытый шрифт

Открытость и закрытость шрифта определяет его апертура, степень открытости круглых знаков шрифта. То есть расстояние между концевыми элементами буквы и угол среза на этих концевых элементах. Это можно увидеть в таких буквах как с, e, s.

Verdana regular. Закрытая апертура знаков с, e, s

Апертура – степень открытости рисунка таких знаков, как «С» «е». Различают закрытые шрифты, или шрифты с малой апертурой, например Helvetica, полузакрытые, или шрифты c промежуточной апертурой, как у Akzidenz Grotesk и открытые шрифты, с большой апертурой, например Futura.

Степень открытости шрифта передает тональность сообщения. Если вы хотите прорекламировать себя как молодую дружелюбную компанию, открытый шрифт хорошо передаст это сообщение. Если нужен текст для важной корпорации, то лучше выбрать закрытый, более устойчивый и ровный шрифт.

Динамика и статика шрифта

Важно не путать динамику и статику шрифта с эмоциональным восприятием движения или покоя. Считается, что динамический шрифт поможет быстрее и комфортнее считывать текст за счет свойств построения.

Пример динамического шрифта

Важное и наиболее интересное отличие этих типов шрифтов в том, как примыкает соединительный штрих к основному. В динамических шрифтах он плавно выходит из основного штриха, а в статических выглядит приставленным под углом. Динамический шрифт будет больше напоминать о письме ширококонечным пером, а статический – остроконечным.

Пример статического шрифта

Гарнитура и ее начертания

Люди зачастую путают понятия «шрифт» и «гарнитура» и придают им одинаковое значение. Это ошибка.

Гарнитура — это название шрифтовой семьи (font family), внутри которой может быть большое количество начертаний. Тонкий, жирный, полужирный – это уже определенный шрифт внутри гарнитуры. Можно сказать, что гарнитура – это общее понятие, как большая коробка, в которой лежат более мелкие понятия – шрифты.

Начертания гарнитуры в цифровых шрифтах, как правило, находятся в папке шрифтов и могут иметь названия типа «курсивное» (italic), тонкое (light), нормальное (book, regular, roman), жирное (bold) и так далее. Буквы с этими свойствами различаются насыщенностью и иногда рисунком. Например, нормальное начертание буквы «а» будет в некоторых гарнитурах отличаться от курсивного.

Garamond

Разноширинность знаков

Ширина букв шрифта также влияет на характер и эмоциональную составляющую вашего текста и характер шрифта в целом.

Знаки в равноширинном шрифте не обязательно должны быть одинаково широкими или узкими, но все знаки в нем стремятся к одному размеру. Это хорошо можно определить, написав рядом буквы O, Н, В.

Разноширинные знаки можно отличить по буквам O, Н и Е, где сразу видно, что буква Е почти в два раза больше О.

Ширина букв шрифта также влияет на характер и эмоциональную составляющую вашего текста и характер шрифта в целом.

Контрастность знаков

Контрастность шрифта определяет его стиль. До 19 века у наборщиков была только антиква, шрифты с засечками. Их строение основано на гуманистическом минускуле и писании ширококонечным пером. Пером писали под определенным углом, и какие-то штрихи получались тоньше других. А контрастность зависела от угла наклона пера.

Контрастность знаков определяется разницей между основным и соединительным штрихом. Для основного текста лучше использовать среднеконтрастный шрифт, так как он должен быть максимально прост и читабелен. Большой контраст в тексте, как у Bodoni больше подойдет для заголовков

Хороший пример контрастного и неконтрастного шрифтов – Didot и Pragmatica

Лигатуры

Это очень интересная и красивая вещь. Лигатура – это один знак шрифтового набора, который содержит в себе два или три соседних знака.

Лигатуры возникли из-за проблемы сочетания некоторых букв, элементы которых при обычном наборе пересекаются или между ними появляются ненужные неаккуратные расстояния.

Интересно, что когда вы набираете текст, и в сочетании букв предусмотрена лигатура, два-три знака автоматически меняются на один – лигатуру. Они доступны в определенном шрифтовом формате, OpenType, и используются в основном тексте. Существуют основные и дополнительные лигатуры, но вторые встречаются реже. В русском языке лигатуры не применяются, поэтому мы рассматривает только латиницу.

Лигатуры в текстах довольно актуальны. Это приятная мелочь для читателя, которой, тем не менее, не стоит злоупотреблять.

Пункт

Пункт лежит в основе типометрической системы измерения. Он приблизительно равен 1/72 части дюйма. Но из-за того, что в разных странах мира размеры пункта отличаются, два разных шрифта одного кегля могут отличаться друг от друга по размеру.

Классификация шрифтов

Для базового понимания отличия шрифтов нужно знать, что есть антиква и гротеск. Это самые часто применимые сейчас классификации шрифтов, поэтому, если вы видите шрифт с засечками, то скорее всего, это антиква, шрифты без засечек называются гротеском.

Внутри антикв и гротесков есть тонкие различия. Гротески появились намного позже, чем антиквы. До 19 века все шрифты были антиквенными, и берут они свое начало от римского капитального шрифта.

фото showinfo.rietveldacademie.nl
Первое римское монументальное письмо, найденное на Колонне Траяна. Буквы сформировались и относится ко 2 веку до нашей эры

Динамическая антиква/ антиква старого стиля

Умеренный контраст
Несимметричные засечки
Открытость форм
Наклонные оси круглых знаков

Переходная антиква

Большой контраст
Симметричные скругленные засечки
Полузакрытые формы знаков
Вертикальные оси овалов

Статическая / Антиква нового стиля

Очень большой контраст
Круглые капли
Закрытые формы знаков
Вертикальные оси овалов

Статический гротеск

Упорядоченность
Отсутствие засечек
Закрытая форма
Контраст практически отсутствует

Динамический гротеск

Встречаются скошенные срезы вертикальных штрихов
Отсутствие засечек
Открытость, негеометричность форм
Встречается небольшой контраст

Геометрический гротеск

Максимально геометризирован,
выглядит составленным из геометрических фигур,
начерченными

Кроме антиквы и гротеска существует класс брусковых шрифтов. Это собирательное название шрифтов c мощными засечками прямоугольной формы без скруглений или с небольшим скруглением в местах присоединения к основным штрихам, имеют малый контраст между основными и соединительными штрихами или полное отсутствие контраста, крупное очко строчных знаков.

Первые подобные шрифты появились в Англии в начале XIX в. В соответствии с формой овалов и засечек, наличием или отсутствием контраста и степенью разноширинности брусковые шрифты делятся на подгруппы.

Подробнее узнать о подгруппах можно в шрифтовом справочнике компании ParaType

Брусковые, близкие по форме к антикве

Максимально геометризирован,
Выглядит составленным из геометрических фигур,
начерченными.

Брусковые, близкие по форме к гротеску

Название часто заканчивается на serif или slab-serif
Засечки прямоугольные без скругления
Такие брусковые часто создаются в пару к гротеску

Акциденция

Шрифты, имитирующие рукописный почерк, почерки какой-либо стилистики, исторические почерки и так далее

Леттеринг

Леттеринг – это индивидуальная шрифтовая надпись, создается специально под проект. Когда дизайнер делает надпись и хочет передать эмоциональный смысл слова, он делает это слово уникальным. У него есть ограниченный набор букв, которые будут идеально смотреться друг с другом только в таком виде.

Разница между леттерингом и сочетанием букв из набора в том, что дизайнер, создавая шрифт, думает о том, чтобы все знаки алфавита были гармоничны друг для друга. Шрифт – это усредненная форма, и знаки довольно универсальны.

Это намного более индивидуальный подход, многие компании используют леттеринг в своих логотипах. Он применяется в заголовках, плакатах, он намного ближе к графическому дизайну, чем к шрифтовому проектированию.

Дизайн-бюро «Щука»разрабатывает надписи для журналов, издательств, типографий и телевидения.

Сочетания шрифтов

Сочетания шрифтов — это прием оформления текста, когда в проекте дизайнер сочетает разные шрифты, выбирая один для заголовков, другой для основного текста. Использование разных шрифтов делает проект ярче и интереснее, материал становится узнаваем.

Для того, чтобы их подобрать, нет четких правил, и часто дизайнер полагается на опыт и интуицию. Но есть пара верных приемов для того, чтобы оказаться на верном пути.

Можно найти пару путем комбинации разных начертаний одного шрифта
Еще один способ определить шрифтовую пару – это подобрать два шрифта разной классификации. Например, антиква в заголовке и гротеск в основном тексте, или наоборот

Эти способы хороши, но определить гарнитуру вы должны сами. Не существует правил, которые гарантируют хорошую комбинацию, но есть хорошие сайты с уже подобранными парами шрифтов.

Гармоничные шрифтовые пары

Есть сайты, на которых можно скомбинировать нужные вам шрифты и посмотреть как они будут сочетаться в проекте. Такие ресурсы удобны тем, что сначала можно увидеть как будет выглядеть нужная комбинация, а потом уже покупать или скачивать нужный шрифт.

Авторство шрифта

Шрифтов существует огромное количество, и их продолжают создавать. Но не всякий шрифт хорош, качественных на самом деле мало. Дизайнер должен знать, с какими шрифтами он имеет дело, учить их и уметь различать.

Важно знать, кем и для чего был сделан шрифт. Дизайнер проектирует шрифт, следуя определенной задаче. Это может быть разработка лучшего шрифта для учебника или для навигации в городе. У каждой задачи есть свои требования, значит у каждого шрифта есть свое назначение.

Edward Johnston

шрифт New Johnston

В 1916 году, Эдвард Джонстон создал особенный гротесковый шрифт корпорации TFL. Этот тип шрифта используется и сегодня, хотя в 1979 году был значительно видоизменён Эйичи Коно в компании чертёжников и полиграфистов «Banks & Miles», который создал т. н. гарнитуру «Новый Джонстон» (New Johnston). Для неё характерен завиток у основания прописной буквы I, которого нет в других гротесковых шрифтах, и ромбовидные точки в конце предложения и над строчными буквами j и i. Корпорация TFL обладает авторским правом и осуществляет контроль над использованием своей характерной гарнитуры, но также использует векторные компьютерные шрифты TrueType, Paddington и Гил Санс.

London underground logo

Журнал «Шрифт» публикует много хороших статей о шрифтах и их создателях. В одной из публикаций развернутый рассказ о создании Эриком Гиллом ключевого для 20 века шрифта Perpetua. Его разработка - отклик на дух времени и индустриализацию печатного дела.

Чтобы продолжить изучать шрифт и типографику, мы рекомендуем прочитать следующие книги:

Type Matters

Jim Williams

Живая типографика

Александра Королькова

Основы стиля в типографике

Роберт Брингхерст

Книга про буквы от А до Я

Юрий Гордон

Над созданием шрифтов трудятся дизайнеры, и многие хорошие шрифты нужно покупать, но что-то есть и в свободном доступе. Решать вам. А мы можем посоветовать несколько хороших ресурсов для скачивания.

paratype.ru
typekit.com
myfonts.com
google.com/fonts

Введение

Задача и идея

Дизайн-исследование и фокусировка

Оcновы графического дизайна

Прототипирование

Контент

Дизайн